/* 外层结构 开始*/

html,
body,
.m-content {
    height: 100%;
}

.m-content {
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    background-color: white;
}

.m-header~.m-content,
.m-top~.m-content {
    padding-top: .88rem;

}

/* .footer-nav~.m-content,
.fixed-bottom~.m-content {
    padding-bottom: 1.2rem;
    height: calc(100% - 1.2rem);
} */

.m-body.has-footer .m-content{
    height: calc(100% - 1.2rem);
}

/* 外层结构 结束 */

/* 头部开始 */

.m-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: .88rem;
    line-height: .88rem;
    background-color: #fff;
    color: #323643;
    width: 100%;
    z-index: 960;
    /* background-color: lightblue; */
}

.m-header::before {
    display: block;
    content: " ";
    position: fixed;
    left: 0;
    top: .88rem;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #c0bfc4;
    color: #c0bfc4;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.3);
}

.m-header-back {
    height: .88rem;
    width: 25%;
    float: left;
}

.m-header-title {
    font-size: .28rem;
    text-align: center;
    width: 45%;
    float: left;
    font-weight: bold;
}

.m-header-right {
    font-size: .28rem;
    width: 30%;
    /* background: lightgreen; */
    float: right;
    text-align: right;
}

.m-header-back em {
    width: .6rem;
    height: .88rem;
    position: relative;
    background: url(../img/icon_back@3x.png) no-repeat .3rem .31rem;
    background-size: .15rem .26rem;
    display: inline-block;
    /* background-color: lightblue; */
}

.m-header-back span {
    font-size: .28rem;
    height: .88rem;
    display: inline-block;
    vertical-align: middle;
}

/* 头部结束 */

/* 首页顶 开始*/

.m-top {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: .88rem;
    line-height: .88rem;
    background-color: #fff;
    color: #323643;
    width: 100%;
    z-index: 960;
    /* border-bottom: 1px #CCC solid; */
}

.m-top::before {
    display: block;
    content: " ";
    position: fixed;
    left: 0;
    top: .88rem;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #c0bfc4;
    color: #c0bfc4;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.3);
}


.m-top-left>span {
    font-size: .3rem;
    color: #143E61;
}

.m-top-left img {
    margin-left: .2rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    vertical-align: middle;
}

.m-top-right {
    padding-right: .2rem;
}


.m-top-right>span {
    text-align: center;
    width: .6rem;
    position: relative;
    height: .88rem;
}

.m-top-right .dot {
    text-align: center;
    width: .18rem;
    height: .18rem;
    background-color: red;
    position: relative;
    display: inline-block;
    top: -1rem;
    right: -0.22rem;
    border-radius: .1rem;
}

.m-top-right img {
    width: .48rem;
    height: .46rem;
    border-radius: 50%;
    vertical-align: middle;
}

/* 首页顶 结束 */

/* 底部开始 */

.footer-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.1rem;
    /* border-top: 1px #f86b6b solid; */
    background-color: white;
    padding: .1rem 0rem;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.footer-nav:before {
    content: " ";
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #c0bfc4;
    color: #c0bfc4;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.3);
}

.footer-nav-each {
    width: 20%;
    height: 1rem;
    text-align: center;
    text-align: -webkit-center;
}

.footer-nav-each .footer-nav-each-img {
    width: .55rem;
    height: .55rem;
    background-size: .55rem .55rem !important;
}

.footer-nav-each:nth-child(1) .footer-nav-each-img {
    background: url(../img/icon_home_gray@2x.png) no-repeat;
}

.footer-nav-each:nth-child(2) .footer-nav-each-img {
    background: url(../img/icon_market_gary@2x.png) no-repeat;
}

.footer-nav-each:nth-child(3) .footer-nav-each-img {
    background: url(../img/icon_transaction_gary@2x.png) no-repeat;
}

.footer-nav-each:nth-child(4) .footer-nav-each-img {
    background: url(../img/icon_changwai_gary@2x.png) no-repeat;
}

.footer-nav-each:nth-child(5) .footer-nav-each-img {
    background: url(../img/icon_wallet_gary@2x.png) no-repeat;
}

.footer-nav-each:nth-child(1).active .footer-nav-each-img {
    background: url(../img/icon_home_bule@2x.png) no-repeat;
}

.footer-nav-each:nth-child(2).active .footer-nav-each-img {
    background: url(../img/icon_market_blue@2x.png) no-repeat;
}

.footer-nav-each:nth-child(3).active .footer-nav-each-img {
    background: url(../img/icon_transaction_blue@2x.png) no-repeat;
}

.footer-nav-each:nth-child(4).active .footer-nav-each-img {
    background: url(../img/icon_changwai_blue@2x.png) no-repeat;
}

.footer-nav-each:nth-child(5).active .footer-nav-each-img {
    background: url(../img/icon_wallet_blue@2x.png) no-repeat;
}

.footer-nav-each a {
    text-align: center;
    text-align: -webkit-center;
    font-size: .22rem;
    color: #666;
}

.footer-nav-each.active a {
    color: #478FF5;
}

/* 底部 结束 */

/* 表单开始 */

.m-from {}

.m-line-item {
    display: block;
    background-color: white;
    line-height: 1rem;
    height: 1rem;
    font-size: .3rem;
    /* margin-top: 1px; */
    margin: 0rem .3rem;
    /* border-bottom: 1px #DAD9DD solid; */
    /* padding: .1rem; */
}

.m-line-item-h-1-dot-2
{
    line-height: 1.2rem;
    height: 1.2rem;  
}


.m-line-item::after {
    display: block;
    content: " ";
    position: relative;
    left: 0;
    top: 0rem;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #c0bfc4;
    color: #c0bfc4;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.3);
}

.m-line-item.line_double::after {
    display: block;
    content: " ";
    position: relative;
    left: 0;
    top: 0rem;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #c0bfc4;
    color: #c0bfc4;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.3);
}


.m-line-item.border_bottom_none::after {
    border:none;
}


.swiper-wrapper .m-line-item::after,
.swiper-wrapper .m-line-item.line_double::after
{
    top: 0;
}


.m-line-item-content {
    /* padding-left: .1rem; */
    /* line-height: 1rem; */
    display: block;
    height: 100%;
}

.line_double {
    line-height: .6rem;
    height: 1.2rem;
    margin-top: .1rem;
}

.line_double .m-line-item-content {
    line-height: .6rem;
    height: .6rem;
}

/* 表单结 */



.swiper-wrapper .m-line-item.m-line-item-h-1-dot-2::after,
.swiper-wrapper .m-line-item.m-line-item-h-1-dot-2::after
{
    top: 1.2.rem;
}


.border_bottom_line
{
    display: block;
    content: " ";
    position: relative;
    left: 0;
    top: 0rem;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #c0bfc4;
    color: #c0bfc4;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.3); 
}

.bg_ef
{
    background-color: #EFEFEF;
}

/* .m-line-item-content>div
{
    line-height: 100%;
} */

.hp_100
{
    height: 100%;
}